<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	{block name="assign"}{/block}
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>页面跳转中...</title>
	<link rel="stylesheet" href="/vendor/layui/css/layui.css">
	<link rel="stylesheet" href="/css/index/app.css" __import_css__/>
	<style>
		html, body {
			background-color: white
		}

		.tips {
			margin-top: 30px;
			text-align: center
		}

		.tips .layui-icon[face] {
			display: inline-block;
			font-size: 300px;
			color: #393d49
		}

		.tips .layui-text {
			max-width: 500px;
			margin: 30px auto;
			padding-top: 20px;
			border-top: 5px solid #009688;
			font-size: 16px
		}

		.tips h1 {
			font-size: 100px;
			line-height: 100px;
			color: #009688
		}

		.tips .layui-text .layui-anim {
			display: inline-block
		}

		.layui-text h3 {
			line-height: 2;
			font-size: 32px;
			font-weight: bold;
			color: #2F4056;
		}
	</style>
</head>
<body>
<div class="layui-fluid">
	<div class="tips">
		{neq name="code" value="1"}
		<i class="layui-icon layui-icon-face-surprised" face></i>
		{else/}
		<i class="layui-icon layui-icon-face-smile" face></i>
		{/neq}

		<div class="layui-text text-grey">
			<h3>{$msg|strip_tags}</h3>

			页面自动 <a id="href" href="<?php echo($url);?>" class="layui-btn layui-btn-xs">跳转</a> 等待时间：
			<b id="wait"><?php echo($wait);?></b>
		</div>
	</div>
</div>
</body>
<script src="/vendor/layui/layui.all.js"></script>
<script>
window.jQuery = window.$ = layui.$;
</script>
<script type="text/javascript">
$(function() {
	var wait = $("#wait"), href = $("#href").attr("href");
	var interval = setInterval(function() {
		var time = parseInt(wait.text()) - 1;
		wait.text(time);
		if (time <= 0) {
			location.href = href;
			clearInterval(interval);
		}
	}, 1000);
});
</script>
</html>
